Veröffentlicht: 20. Mai 2025
Bei der Google I/O 2025 haben wir neue Funktionen vorgestellt, mit denen Sie Ihre Produktivität steigern und ein leistungsstärkeres, nahtloseres und moderneres Web entwickeln können.
Hier sind zehn wichtige Innovationen, die Ihnen innovative Funktionen direkt an die Hand geben und Ihr nächstes Projekt inspirieren werden.
1. Karussells lassen sich jetzt noch einfacher mit wenigen Zeilen CSS und HTML erstellen
Mit CSS können Sie wunderschöne Karussells erstellen, die bereits bei der ersten Darstellung interaktiv sind. In Chrome 135 wurden neue CSS-Primitive eingeführt: stilisierbare Fragmentierung, Scrollmarkierungselemente und Scrolltasten, die das Erstellen von Karussells ohne JavaScript vereinfachen. Mithilfe vertrauter CSS-Konzepte können Sie in kürzester Zeit ansprechende, interaktive, flüssige und barrierefreie Karussells erstellen.
2. Deklarative Pop-ups: Die neue Interest Invoker API
Die experimentelle Interest Invoker API ist als Ursprungstest verfügbar.
Mit dieser Funktion können Sie Pop-ups deklarativ ein- und ausblenden, wenn das Interesse der Besucher für eine kurze Zeit aktiv ist. Das Attribut [title], das nicht formatiert werden konnte, ist nicht mehr verfügbar. Stattdessen können Sie jetzt das Attribut [interesttarget] verwenden. Kombinieren Sie sie mit der Anchor Positioning API und der Popover API, um ohne JavaScript ansprechende, responsive und interaktive UI-Elemente wie Kurzinfos oder Minikarten zu erstellen. Mit modernem CSS sind die Möglichkeiten endlos.
3. Es sind mehrere integrierte KI-APIs mit führenden Modellen wie Gemini Nano verfügbar, die jetzt multimodale Funktionen in der Prompt API bieten.
Wir arbeiten weiter an unserer KI-Technologie, um Ihnen mehr Datenschutz, geringere Latenz und niedrigere Kosten sowie Zugriff auf hochwertige, KI-generierte Ergebnisse zu bieten. Die integrierte KI verwendet Expertenmodelle und Gemini Nano, das effizienteste Modell von Google, für On-Device-Aufgaben. Ab Chrome 138 sind die Summarizer API, die Language Detector API, die Translator API und die Prompt API für Chrome-Erweiterungen in der stabilen Version verfügbar. Außerdem sind die Writer API und die Rewriter API in Ursprungstests verfügbar.
Die neue Proofreader API und die Prompt API mit multimodalen Funktionen sind in Chrome Canary verfügbar.
Wenn Sie die neuesten Informationen erhalten möchten, nehmen Sie an unserem Early-Preview-Programm teil, um an neuen integrierten KI-APIs mitzuarbeiten und die Zukunft der KI im Web mitzugestalten.
4. Clientseitige KI wird mit der Firebase und Gemini Developer API erweitert, um eine hybride KI-Lösung bereitzustellen
Dank unserer Zusammenarbeit mit Firebase und der Gemini Developer API können Sie jetzt KI-gestützte Weblösungen für Mobilgeräte und Computer erstellen. Diese Anwendungen nutzen nach Möglichkeit clientseitige KI und skalieren nahtlos auf serverseitige KI, um alle Geräte und Browser zu erreichen. Ab heute bietet Firebase AI Logic nahtlosen Zugriff auf die integrierte Prompt API von Chrome, die von Gemini Nano und ähnlichen kleineren Modellen auf der Serverseite mithilfe der Gemini Developer API unterstützt wird.
5. KI-Unterstützung in Chrome DevTools unterstützt Ihren Debugging-Workflow bei Stil, Leistung und mehr
Mit der KI-Unterstützung können Sie mit Gemini chatten, um Stilfehler im Bereich „Elemente“ zu beheben, Leistungsprobleme im Bereich „Leistung“ zu lösen, Netzwerkprobleme im Bereich „Netzwerk“ zu identifizieren und Quelldateien im Bereich „Quellen“ zu finden. Außerdem kann die KI-Unterstützung ihre stilbezogenen Änderungen jetzt direkt auf Ihren Quellcode im Bereich „Elemente“ anwenden.
6. Mithilfe von Daten echter Nutzer, Lighthouse-Statistiken und KI-Funktionen im Chrome-Entwicklertools-Steuerfeld „Leistung“ können Sie Leistungsprobleme nachvollziehen und beheben.
Im überarbeiteten Bereich „Leistung“ können Sie jetzt auf lokale und Core Web Vitals-Daten von echten Nutzern zugreifen und Gemini um Hilfe bitten, um Leistungsprobleme zu verstehen und zu beheben. In der Seitenleiste „Statistiken“ finden Sie Lighthouse-Statistiken zu Ihren Traces, mit denen Sie schneller Fehler beheben können – ganz ohne Ihren Workflow unterbrechen oder Ihre Produktivität beeinträchtigen zu müssen.
7. Verfügbarkeit von Baseline-Funktionen in Ihren vertrauten Tools wie VS Code und ESLint
Mit der Baseline-Integration können Sie Ihren Webentwicklungs-Workflow genauer und zuverlässiger gestalten. In Ihren vertrauten Webentwicklungstools erhalten Sie einen klaren Überblick über die Verfügbarkeit von Webfunktionen in den wichtigsten Browsern:
- IDEs: In VSCode wird jetzt der Baseline-Status von Funktionen direkt während der Entwicklung angezeigt. Unterstützung wird bald für WebStorm von JetBrains und VS Code-basierte IDEs wie Firebase Studio, Windsurf und GitHub Codespaces verfügbar sein.
- Lint-Tools: CSS- und HTML-Lint-Tools können Sie proaktiv warnen, wenn Sie eine Funktion verwenden, die neuer ist als Ihr Baseline-Ziel. Baseline wird in ESLint für CSS, HTML-ESLint und Stylelint unterstützt.
- Analytics: RUMvision kombiniert Baseline-Daten mit echten Nutzermesswerten, sodass Sie die optimale Baseline-Version für Ihre Zielgruppe strategisch auswählen können. Google Analytics-Nutzer können ihre Daten in den Google Analytics-Grundlagencheck hochladen, um Empfehlungen für die Baseline zu erhalten.
- Compiler: Mit browserslist-config-baseline können Sie Ihre Baseline-Ziele in Ihre Code-Kompilierungstools wie Babel und PostCSS einbinden, um moderne Funktionen in Ihrem Quellcode zu verwenden und sie in Ihren Produktionsbuilds zu kompilieren.
8. Vollständige Übersicht über die Unterstützung von Web-Funktionen mit dem Web-Plattform-Dashboard
Letztes Jahr haben wir das Web Platform Dashboard angekündigt. Dort können Sie Daten zu Web-Funktionen untersuchen, die die gesamte Webplattform als eine Reihe von Funktionen abbilden. Da der Datensatz zu Web-Funktionen jetzt zu 100 % zugeordnet ist, können Sie zum ersten Mal den Baseline-Status jeder Funktion in jedem Browser sehen – von AVIF bis zu Ansichtsübergängen – einschließlich Verfügbarkeit und Akzeptanz. Bleiben Sie auf dem Laufenden und entwickeln Sie Ihre Apps mit Zuversicht.
9. Entwicklertest für eine optimierte Anmeldung mit dem Anmeldedaten-Manager
Wir sind uns bewusst, dass mehrere Authentifizierungsmethoden, einschließlich Passwörtern, Identitätsfederationen und Passkeys, für Nutzer Ihrer Websites zu Problemen führen können. Unser Ziel ist es, Nutzern eine einheitliche und einfache Anmeldung zu ermöglichen. Deshalb führen wir den intuitiven Anmeldemanager von Android in Chrome ein. Wenn Nutzer bald auf Anmelden klicken, werden in Chrome Anmeldedaten angezeigt, die für diese Website verfügbar sind, z. B. Passkeys und Passwörter aus dem Google Passwortmanager. So wird die Anmeldung noch einfacher. Außerdem planen wir, die Identitätsfederation in diese Funktion aufzunehmen. Der Anmeldedaten-Manager für das Web befindet sich derzeit in der Entwicklerversion. Weitere Updates folgen im Laufe des Jahres.
10. Schnellere Iterationen von Chrome-Erweiterungen durch Möglichkeit, die Überprüfung der Einreichung abzubrechen
Das Einreichen Ihrer Chrome-Erweiterung sollte nahtlos, problemlos und spannend sein. Uns ist jedoch bewusst, dass es ein Problem gab, weil Fehler in einer ausstehenden Einreichung nicht schnell korrigiert werden konnten. Anfang des Jahres haben wir die Möglichkeit eingeführt, ausstehende Einreichungen abzubrechen. Diese Funktion basiert auf der Möglichkeit, eine zuvor veröffentlichte Version rückgängig zu machen. Ziel ist es, dass Sie schnell Änderungen vornehmen und die Einreichung noch einmal senden können.
Aktuelle Informationen finden Sie unter developer.chrome.com und web.dev. Dort erfahren Sie mehr darüber, wie wir ein leistungsstarkes und noch nutzerfreundlicheres Web schaffen. Und folge uns auf X, YouTube und LinkedIn. Bis zur nächsten I/O!
Der Begriff „Deloitte“ bezieht sich auf eine oder mehrere der folgenden Rechtssubjekte: Deloitte Touche Tohmatsu Limited, eine britische private Gesellschaft mit beschränkter Haftung („DTTL“), ihr Netzwerk von Mitgliedsunternehmen und ihre verbundenen Unternehmen. DTTL und jedes seiner Mitgliedsunternehmen sind rechtlich eigenständige und unabhängige Rechtssubjekte. DTTL (auch „Deloitte Global“ genannt) erbringt keine Dienstleistungen für Kunden. In den USA bezieht sich Deloitte auf eine oder mehrere der US-Mitgliedsunternehmen von DTTL, ihre verbundenen Unternehmen, die in den USA unter dem Namen „Deloitte“ tätig sind, und ihre jeweiligen verbundenen Unternehmen. Bestimmte Dienstleistungen sind für Kunden gemäß den Regeln und Bestimmungen der Wirtschaftsprüfung möglicherweise nicht verfügbar. Weitere Informationen zu unserem globalen Netzwerk von Mitgliedsunternehmen finden Sie unter www.deloitte.com/about.